{% load i18n %}
<title>{% trans 'NiuBiEX.com让电子币交易更安全，更迅速、更简单。'%}</title>
<!-- 自己适应 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/png" href="/static/favicon.ico"/>
<link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116730717-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-116730717-1');
</script>

<!--[if lt IE 9]>
　　
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.
　　  js"></script>
<![endif]-->
<link href="/static/bootstrap/css/docs.min.css" rel="stylesheet">
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link type="text/css" href="/static/css/my.css" rel="stylesheet"/>
<link type="text/css" href="/static/css/common.css" rel="stylesheet"/>
<script src="/static/lib/jquery-3.2.1.min.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/bootstrap/js/docs.min.js"></script>
<script src="/static/lib/csrf.js"></script>

<link rel="stylesheet" type="text/css" href="/static/home_page/css/index.css">
<!--
<link rel="stylesheet" type="text/css" href="/static/home_page2/css/index.css">
<link rel="stylesheet" type="text/css" href="/static/home_page2/css/common.css">
-->
<!--
<script type="text/javascript" src="/jsi18n/btc.js"></script>
-->
<script type="text/javascript" src="{%url 'javascript-catalog' 'btc.js'%}"></script>
<style>
    @media screen and (min-width: 980px) {
        #top_bar_phone {
           display: none;
        }
        #myTabContent {
            height:288px!important;
            width:100%!important;
        }
        #phone_last_trade {
            display: none;
        }
    }

    /* for 980px or less */
    @media screen and (max-width: 980px) {
        #top_bar{
           display: none;
        }
        #top_bar_phone {
           display: inline;
        }
        //#kline {
        //    display: none;
        //}
        #phone_last_trade {
            display: auto;
            overflow:hidden;
            height:250px!important;
        }
        #last_trade {
            display: none;
            //height:300px;
        }
        #id_my_order {
            {% if user.is_authenticated %}
                //display: none;
                height:100%;
            {% else %}
                height:50px;
            {% endif %}
        }

        .klineBodyOuter .changeStyle{
            width:50%!important;// width: 244px;
            padding: 24px 0px 0px 0%;
        }
        .klineBodyOuter .changeStyle a{
            margin: 0px 0px!important;
        }
        .klineBodyOuter .market{
            padding: 10px 0px 0px 10px;
        }
        .klineBodyOuter .market #id_day_rose {
            display: none;
        }
        .klineBodyOuter .market dl{
            float: left;
            width: 25%; // 20% to 25%
        }
        .klineBodyOuter .market dt .svg_font .svg {
            width:10px!important;
            height:10px!important;
            margin-top: 1px;
        }
        .klineBodyOuter .market dd{
            font-size: 10px!important;
            color: #ababab;
        }
        .klineBodyOuter .market dt{
            font-size: 10px!important;
        }

        #myTabContent {
            height:100%!important;
            width:100%!important;
        }

        // 深度放在最先
        #id_depth {
            float:left!important;
            height:50%
        }

        #login_header {
            height:50px!important;
        }
        #login_footer {
            height:100px!important;
        }
        // trade.html end
    }
    // end media
</style>
{% include 'show/dialog.html' %}
